2. 使用redux

安装redux

cnpm install redux

安装react-redux

cnpm install react-redux

使用

在src下创建store文件夹
store/index.js

import { createStore } from 'redux'
import reducer from './reducer'

const store  = createStore(reducer)

export default store;

store/reducer.js

const defaultState = {};

export default (state = defaultState, action ) => {
	return state;
}

App.js中使用Provider将store下放

import React, { Component } from 'react';
import Header from './common/header';
import store from './store';
import { Provider } from 'react-redux';


class App extends Component {
  render() {
    return (
    	<Provider store={store}>
    		<Header />
    	</Provider>
    );
  }
}

export default App;

header/index.js中使用connect与store进行连接

const mapStateToProps = (state) => {
	return {

	}
}

const mapDispathToProps = (dispatch) => {
	return {
		
	}
}

import { connect } from 'react-redux';
...
...
export default connect(mapStateToProps, mapDispathToProps)(Header);

代码地址